<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学员信息表</title>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="jumbotron jumbotron-fluid">
    <div class="container">
        <h1 class="display-4">学员信息表</h1>
        <p class="lead">1803</p>
    </div>
</div>
<div class="cont">
    <div class="container">
        <h2>添加</h2>
        <div class="form-row">
            <div class="form-group col-md-3">
                <input type="text" placeholder="姓名" id="n" class="form-control">
            </div>
            <div class="form-group col-md-3">
                <select class="form-control" id="s">
                    <option value="男">男</option>
                    <option value="女">女</option>
                </select>
            </div>
            <div class="form-group col-md-3">
                <input type="number" placeholder="年龄" id="a" class="form-control">
            </div>
            <div class="form-group col-md-3">
                <button type="submit" id="btn" class="btn btn-primary">添加</button>
            </div>
        </div>
    </div>
</div>
<div class="list">
    <div class="container">
        <h2>列表</h2>
        <table id="list">
            <tr class="one">
                <td>姓名</td>
                <td>性别</td>
                <td>年龄</td>
            </tr>
            <!--<tr>-->
                <!--<td>星空阿明</td>-->
                <!--<td>男</td>-->
                <!--<td>18</td>-->
            <!--</tr>-->
        </table>
    </div>

</div>




<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>